<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title></title>
		<link rel="stylesheet" type="text/css" href="//at.alicdn.com/t/font_851213_kxzcjo7ey5i.css"/>
		<style type="text/css">
			.one{
				display: inline-block；
				border:2px solid red;}
				/*width: 400px;*/
				
			/*line-height: 50px;*/
			/*.one span b{
				/*display:inline-block;*/
				/*vertical-align: top;*/
				/*line-height: 1.32;*/
				/*text-align: right;}*/
				.p1{
					/*border: 2px solid red;*/
					width: 400px;
					
					
				}
			
			.p2{
				display: inline-block;
				vertical-align: top;
				width: 300px;
				}
			img{
				vertical-align: middle;
			}
			b{
				vertical-align: top;
				
			}
			
				p1 span{
					display: inline-block;
					vertical-align: middle;
					
					}
			.iconfont{
				/*display: inline-block;*/
				margin-top: 10px;
				vertical-align: bottom;
			}
			.i1 i{
				vertical-align: top;
				margin-left: 120px;
				color: red;
				font-family: "微软雅黑";
				font-style: normal;
				}
			.i2 i{
				vertical-align: top;
				margin-left: 86px;
				color: red;
				font-family: "微软雅黑";
				font-style: normal;
			}
			.i3 i{
				vertical-align: top;
				margin-left: 135px;
				color: red;
				font-weight: 500;
				font-family: "微软雅黑";
			    font-style: normal;
			}
			a:link{
				color:259c9d ;
			}
			b{
				display: inline-block;
				font-size:20px ;
			}
		</style>
	</head>
	<body>
		<div class="one" >
			<div class="p1">	
				<img src="img/img/noe.jpg"/>
				<div class="p2">
				        <b>环太平洋</b>
						<span class="i1"><i>468人评论过</i></span>
						<br />
						<span><a href="#">#环太平洋##环太平洋#</a>对影响建筑倒塌、核弹攻击城市、外星人入侵[详细]</span>
				     <p class="iconfont icon-icontouxiang">欧美电影</p>
				</div>
			</div>
			<div class="p1">	
				<img src="./img/img/two.jpg"/>
				<div class="p2">
				        <b>速度与激情6</b>
						<span class="i2"><i>783人评论过</i></span>
						<br />
						<span>【杰森.斯坦森确定加盟<a href="#">#速j#】</a>斯坦森饰演第六部大反派欧文肖..[详细]</span>
				     <p class="iconfont icon-icontouxiang">热映推荐</p>
				</div>
			</div>
			<div class="p1">	
				<img src="./img/img/two.jpg"/>
				<div class="p2">
				        <b>青春派</b>
						<span class="i3"><i>97人评论过</i></span>
						<br />
						<span>《青春派》预告片“零差评”其逆增长[详细]</span>
				     <p class="iconfont icon-icontouxiang">电影预告</p>
			    </div>
				
			</div>
		</div>
	</body>
</html>
